<header ng-include="'app/components/navbar/navbar.html'"></header>
<h1 class="md-display-1" layout="row" layout-align="center">邮件签名生成器</h1>
<p class="md-subhead" layout="row" layout-align="center">填写左边的字段,然后复制粘贴到你的电子邮件客户端签名文本框中。建议您使用firefox和chrome。</p>
<div layout="vertical" layout-fill layout-padding layout-margin  class="container" layout="row">
        <div  flex="50">
          <div class="panel panel-default">
            <h3 class="md-title">邮件签名生成器</h3>
            <div class="panel-body">
              <form role="form">
                <md-input-container>
                    <label>中文名</label>
                    <input type="text"  ng-model="name">
                 </md-input-container>
                 <md-input-container>
                    <label>英文名</label>
                    <input type="text" ng-model="english"  >
                  </md-input-container>
                  <md-input-container>
                    <label>职位</label>
                    <input type="text" ng-model="title" >
                  </md-input-container>
                  <md-input-container>
                    <label>电话</label>
                    <input type="phone" ng-model="phone">
                  </md-input-container>
                  <md-input-container>
                    <label>邮箱</label>
                    <input type="email" ng-model="email">
                  </md-input-container>
                  <md-input-container>
                    <label>网址</label>
                    <input type="url" ng-model="url">
                  </md-input-container>
                  <md-input-container>
                    <label>QQ</label>
                    <input type="text" ng-model="qq">
                  </md-input-container>
                  <md-input-container>
                    <label>微信</label>
                    <input type="text" ng-model="weixin">
                  </md-input-container>
                  <md-input-container>
                    <label>网址</label>
                      <input type="text" ng-model="krurl">
                  </md-input-container>
                  <md-input-container>
                    <label>微博链接</label>
                    <input type="text" ng-model="weibo">
                  </md-input-container>
              </form>
            </div>
          </div>
        </div>
        <div flex="50">
          <div class="panel panel-default">
            <div class="panel-heading">
              样式
            </div>
            <div class="panel-body">
                <div>模板选择</div>
                <md-radio-group class="md-primary" ng-model="data.opt1" layout="row">
                    <md-radio-button value="option1" >1</md-radio-button>
                    <md-radio-button value="option2" >2</md-radio-button>
                    <md-radio-button value="option3" >3</md-radio-button>
                    <md-radio-button value="option4" >4</md-radio-button>
             </md-radio-group>
            </div>
          </div>
          <div class="panel panel-default">
            <div class="panel-heading">
              签名预览
            </div>
            <div class="panel-body" ng-show="data.opt1 == 'option1'">
              <table>
                <tr>
                  <td>
                    <table>
                      <tr>
                        <td style="vertical-align: bottom;margin: 0px;padding: 0px 10px 0px 0px;">
                          <img width="104" src="http://dushichen.com/content/images/external/emailgeneratort/logo.png" alt="">
                        </td>
                        <td>
                          <div style="font-size:18px;color:#000">{{name||"1张新"}} <span style="margin-left:8px">{{english||"ZhangXin"}}</span></div>
                          <div>{{title||"Project & Product Director"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/phone.png" alt="">(86)10-{{phone||"1348882865"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/mail.png" alt="">{{email|| "zhangxin@36kr.com"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/url.png" alt="">{{url||"www.36kr.com"}}</div>
                        </td>
                      </tr>
                      
                    </table>
                  </td>
                </tr>
                <tr>
                  <td>
                    <table>
                      <tr>
                        <td style="padding-top:5px"><img style="display:inline-block" width="523" src="http://dushichen.com/content/images/external/emailgeneratort/banner.png" alt=""></td>
                        <td style="padding:5px 10px 0">
                          <a style="display:block" href=""><img width="30" src="http://dushichen.com/content/images/external/emailgeneratort/krurl.png" alt=""></a><a style="display:block;margin-top:2px" target="_blank" ng-href="http://weibo.com/{{weibo}}"><img width="30" src="http://dushichen.com/content/images/external/emailgeneratort/weibo.png" alt=""></a>
                        </td>
                      </tr>
                    </table>
                  </td>
                  
                </tr>
                <tr>
                  <td style="vertical-align:top;margin:0px;padding:2px 0px;width:350px;color:#8b8988;font-size:12px;">
                    此消息包含机密信息，并仅用于指定的收件人。如果您不是指定接收者，您不应该传播，销售或复制此电子邮件。如果您是错误的收到此邮件，请从邮箱中删除此邮件并立即通知我们。电子邮件传输不能保证是安全的或无错误的信息可能会被截取，损毁，遗失，损毁，延迟送达，不完整，或含有病毒。因此，我们不接受这个消息的内容而产生的电子邮件传输而产生的任何错误或遗漏的责任。如需核实，请索取硬拷贝版本。
                  </td>
                </tr>
              </table>
            </div>
            <div class="panel-body" ng-show="data.opt1 == 'option2'">
              <table>
                <tr>
                  <td>
                    <table>
                      <tr>
                        <td>
                          <img width="85" src="http://dushichen.com/content/images/external/emailgeneratort/logo.png" alt="">
                        </td>
                        <td style="padding:0 10px">
                          <a style="display:block" href=""><img width="41" src="http://dushichen.com/content/images/external/emailgeneratort/krurl.png" alt=""></a><a style="display:block;margin-top:2px" target="_blank" ng-href="http://weibo.com/{{weibo}}"><img width="41" src="http://dushichen.com/content/images/external/emailgeneratort/weibo.png" alt=""></a>
                        </td>
                        <td>
                          <div style="font-size:18px;color:#000">{{name||"2张新"}} <span style="margin-left:8px">{{english||"ZhangXin"}}</span><span style="margin:0 8px">|</span>{{title||"Project & Product Director"}}</div>
                          <div></div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/phone.png" alt="">(86)10-{{phone||"1348882865"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/mail.png" alt="">{{email|| "zhangxin@36kr.com"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/url.png" alt="">{{url||"www.36kr.com"}}</div>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td style="padding-top:5px"><img style="display:inline-block" width="523" src="http://dushichen.com/content/images/external/emailgeneratort/banner.png" alt=""></td>
                </tr>
                <tr>
                  <td style="vertical-align:top;margin:0px;padding:2px 0px;width:350px;color:#8b8988;font-size:12px;">
                    此消息包含机密信息，并仅用于指定的收件人。如果您不是指定接收者，您不应该传播，销售或复制此电子邮件。如果您是错误的收到此邮件，请从邮箱中删除此邮件并立即通知我们。电子邮件传输不能保证是安全的或无错误的信息可能会被截取，损毁，遗失，损毁，延迟送达，不完整，或含有病毒。因此，我们不接受这个消息的内容而产生的电子邮件传输而产生的任何错误或遗漏的责任。如需核实，请索取硬拷贝版本。
                  </td>
                </tr>
              </table>
            </div>
            <div class="panel-body" ng-show="data.opt1 == 'option3'">
              <table>
                <tr>
                  <td>
                    <table>
                      <tr>
                        <td>
                          <table>
                            <tr>
                              <td>
                                <div style="font-size:18px;color:#000;border-bottom:2px solid #2e5aa0;padding-bottom:10px;width:338px">{{name||"3张新"}} <span style="margin-left:8px">{{english||"ZhangXin"}}</span><span style="margin:0 8px">|</span>{{title||" Project & Product Director"}}</div>
                              </td>
                            </tr>
                            <tr>
                              <td>
                                <div style="padding-top:10px;"><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/phone.png" alt="">(86)10-{{phone||"1348882865"}}</div>
                <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/mail.png" alt="">{{email|| "zhangxin@36kr.com"}}</div>
                <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/url.png" alt="">{{url||"www.36kr.com"}}</div>
                              </td>
                            </tr>
                          </table>
                        </td>
                        <td style="padding-left:15px;padding-right:10px">
                          <img width="104" src="http://dushichen.com/content/images/external/emailgeneratort/logo.png" alt="">
                        </td>
                        <td>
                          <a style="display:block" href=""><img width="51" src="http://dushichen.com/content/images/external/emailgeneratort/krurl.png" alt=""></a><a style="display:block;margin-top:2px" target="_blank" ng-href="http://weibo.com/{{weibo}}"><img width="51" src="http://dushichen.com/content/images/external/emailgeneratort/weibo.png" alt=""></a>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td style="padding-top:5px"><img style="display:inline-block" width="523" src="http://dushichen.com/content/images/external/emailgeneratort/banner.png" alt=""></td>
                </tr>
                <tr>
                  <td style="vertical-align:top;margin:0px;padding:2px 0px;width:350px;color:#8b8988;font-size:12px;">
                    此消息包含机密信息，并仅用于指定的收件人。如果您不是指定接收者，您不应该传播，销售或复制此电子邮件。如果您是错误的收到此邮件，请从邮箱中删除此邮件并立即通知我们。电子邮件传输不能保证是安全的或无错误的信息可能会被截取，损毁，遗失，损毁，延迟送达，不完整，或含有病毒。因此，我们不接受这个消息的内容而产生的电子邮件传输而产生的任何错误或遗漏的责任。如需核实，请索取硬拷贝版本。
                  </td>
                </tr>
              </table>
            </div>
            <div class="panel-body" ng-show="data.opt1 == 'option4'">
              <table>
                <tr>
                  <td>
                    <table>
                      <tr>
                        <td style="vertical-align: bottom;margin: 0px;padding: 0px 10px 0px 0px;">
                          <img width="104" src="http://dushichen.com/content/images/external/emailgeneratort/logo.png" alt="">
                        </td>
                        <td>
                          <div style="font-size:18px;color:#000">{{name||"1张新"}} <span style="margin-left:8px">{{english||"ZhangXin"}}</span></div>
                          <div>{{title||"Project & Product Director"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/phone.png" alt="">(86)10-{{phone||"1348882865"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/mail.png" alt="">{{email|| "zhangxin@36kr.com"}}</div>
                          <div><img  style="margin-right:5px" width="11" src="http://dushichen.com/content/images/external/emailgeneratort/url.png" alt="">{{url||"www.36kr.com"}}</div>
                        </td>
                      </tr>
                      
                    </table>
                  </td>
                </tr>
                <tr >
                  <td>
                    <table>
                      <tr>
                        <td style="padding-top:5px;padding-right:9px"><img style="display:inline-block" width="523" src="http://dushichen.com/content/images/external/emailgeneratort/banner.png" alt=""></td>
                        <td style="padding-top:5px;padding-right:9px">
                          <a style="display:block;vertical-align:top;" target="_blank" ng-href="http://weibo.com/{{weibo}}"><img width="62" src="http://dushichen.com/content/images/external/emailgeneratort/weibo.png" alt=""></a>
                        </td>
                        <td style="padding-top:5px">
                          <a style="display:block" href=""><img width="62" src="http://dushichen.com/content/images/external/emailgeneratort/krurl.png" alt=""></a>
                        </td>
                      </tr>
                    </table>
                  </td>
                  
                </tr>
                <tr>
                  <td style="vertical-align:top;margin:0px;padding:2px 0px;width:671px;color:#8b8988;font-size:12px;">
                    此消息包含机密信息，并仅用于指定的收件人。如果您不是指定接收者，您不应该传播，销售或复制此电子邮件。如果您是错误的收到此邮件，请从邮箱中删除此邮件并立即通知我们。电子邮件传输不能保证是安全的或无错误的信息可能会被截取，损毁，遗失，损毁，延迟送达，不完整，或含有病毒。因此，我们不接受这个消息的内容而产生的电子邮件传输而产生的任何错误或遗漏的责任。如需核实，请索取硬拷贝版本。
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </div>


</div>
